<template>
	msg的值：{{msg}}
	<br>
	objmsg的值：{{objmsg}}
	<br>
	普通对象stu.name的值：{{stu.name}}
	<br>
	响应式objstu.name的值：{{objstu.name}}
	<GobalComponent></GobalComponent>
</template>

<script setup>
	//导入ref  reative函数
	import {ref,reactive} from 'vue'
	//ref()函数用于将数据转换成响应式数据
	const msg="千里马";  //普通数据
	const age=20;
	const objmsg=ref(msg);  //响应式数据
	setTimeout(()=>{
		objmsg.value="重写千里马";  //修改响应式数据
	},2000)
	
	//reactive()函数用于创建一个响应式对象或数组，将普通的对象或数组作为参数传给该函数即可。
	const stu={  //普通对象
		name:"张三",
		age:18
	}
	const objstu=reactive(stu);  //将普通对象转换成响应式对象
	
	setTimeout(()=>{
		objstu.name="李四";  //修改响应式对象的属性
		objstu.age=22;
	},2000)
	
	
	
</script>

<style>
	
</style>